<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.15rem;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content text-left ">
			<h3 class="text-center mb-2" style="font-size: 0.25rem">岗位危险告知书</h3>

			
			<div class="text-indent">你将从事的  隧道开挖  作业，存在着坍塌、坠物伤人、机械伤害、触电、高空坠落和粉尘伤害等岗位危险，现予以告知。你在作业时务必遵守项目部的相关规章制度、专项工程安全施工方案、安全技术措施，并熟记作业要点及其特性，掌握好相应的安全防范技能；进入作业场所后，要进行重新检查，发现异常情况和不安全因素必须及时采取有效措施排除；要正确使用和佩戴劳动保护用品，在做好自我防范的同时，还要认真贯彻联保互保。</div>
			<div class="text-indent">一、安全防范措施</div>
			<div class="text-indent">1、必须佩戴好安全帽，系紧帽绳及其它防尘用品；高空作业时系好安全带。</div>
			<div class="text-indent">2、作业前必须熟悉周围环境，清除洞顶浮石；作业时必须头脑清醒，精神集中，听从班组长统一指挥。</div>
			<div class="text-indent">3、洞内电线、各种电气设备摆放整齐，漏电保护设置齐全；所有转动机械必须有防护罩或防护栏。</div>
			<div class="text-indent">4、爆破时严格遵守爆破组织设计和各项规章制度。</div>
			<div class="text-indent">5、遇到不良地质地段施工时，应按照先治水、短开挖、弱爆破、先护顶、强支护、早衬砌的原则稳步前进。</div>
			<div class="text-indent">6、隧道内，严禁干打眼（干风枪），凿岩作业必须使用湿式钻眼,佩戴好防尘口罩。</div>
			<div class="text-indent">7、当进行台车上平面作业时，必须设置防坠护栏。</div>
			<div class="text-indent">8、各工种之间应相互配合，当多工种平行或交叉作业时，必须留有足够的安全间距，交叉立体作业时，要设置隔离防护层。</div>
			<div class="text-indent">二、潜在突发安全事故及应急措施</div>
			
			<el-col class="border" style="line-height: 18px;">
				<el-row class="border-bottom">
					<el-col :span="1" class="center-label border-right">序号</el-col>
					<el-col :span="6" class="center-label border-right">安全事故描述</el-col>
					<el-col :span="11" class="center-label border-right">应急措施</el-col>
					<el-col :span="6" class="center-label ">常备物品</el-col>
				</el-row>
				<el-row class='border-bottom'>
					<el-col :span="1" class="center-label border-right">1</el-col>
					<el-col :span="6" class="center-label border-right">高处坠落</el-col>
					<el-col :span="11"
						class="center-label border-right p-1">①停止作业，报告项目部应急小组。②轻微伤害到班组急救药箱处包扎处理；③根据伤情抢救伤员，拨打120急救电话或当地医院电话请求急救救援。④脊椎伤害禁止搬动，由120或专业人员救护，一面二次伤害。⑤清理和保护现场。⑥根据指令恢复生产。</el-col>
					<el-col :span="6" class="center-label">消毒用品、急救用品（绷带、无菌敷料）及各种常用小夹板、担架或床（木）板、止血带、氧气袋</el-col>
				</el-row>
				<el-row class='border-bottom'>
					<el-col :span="1" class="center-label border-right">2</el-col>
					<el-col :span="6" class="center-label border-right">坍塌</el-col>
					<el-col :span="11" class="center-label border-right p-1">
						①事故发生后应立即报告项目部。②挖掘被掩埋伤员及时脱离危险区。③清除伤员口、鼻内泥块、凝血块、呕吐物等，将昏迷伤员舌头拉出，以防窒息。④进行简易包扎、止血或简易骨折固定。⑤对呼吸、心跳停止的伤员予以心脏复苏。⑥尽快与120急救中心取得联系，详细说明事故地点、严重程度，并派人到路口接应。⑦组织人员尽快解除重物压迫，减少伤员挤压综合症的发生，并将其转移至安全地方。⑧若有骨折时应及时用夹板等简易固定后立即送医院。⑨在没有人员受伤的情况下，现场负责人应根据实际情况研究补救措施，在确保人员生命安全的前提下，组织恢复正常施工秩序。⑽现场安全员应对坍塌事故进行原因土木工程公司析，制定相应的整改措施，认真填写伤亡事故报告表、事故调查等有关处理报告，并上报公司。</el-col>
					<el-col :span="6" class="center-label ">消毒用品、急救用品（绷带、无菌敷料）、干净毛巾及各种常用小夹板、担架或床（木）板、止血带、氧气袋</el-col>
				</el-row>
				<el-row class='border-bottom'>
					<el-col :span="1" class="center-label border-right">3</el-col>
					<el-col :span="6" class="center-label border-right">物体打击</el-col>
					<el-col :span="11" class="center-label border-right p-1">
						①避开可能发生打击的方向；发现异响和紧急情况时，快速撤离；②发生打击伤害，停止作业，抢救伤员；③轻微伤害到班组急救药箱处包扎处理；④根据伤情抢救伤员，拨打120急救电话或当地医院电话；⑤脊椎伤害禁止搬动，由120或专业人员救护，以免二次伤害。⑥根据指令恢复生产。</el-col>
					<el-col :span="6" class="center-label ">消毒用品、急救用品（绷带、无菌敷料）及各种常用小夹板、担架或床（木）板、止血带、氧气袋</el-col>
				</el-row>
				<el-row class='border-bottom'>
					<el-col :span="1" class="center-label border-right">4</el-col>
					<el-col :span="6" class="center-label border-right">中毒、窒息</el-col>
					<el-col :span="11" class="center-label border-right p-1">
						①积极开展自救，但是严禁盲目施救。②相关作业人员应具备基本的急救和心肺复苏技能，一旦发生中毒、窒息事故，可以立即对患者进行心肺复苏急救。③实施救援时，也应做好自身防护，佩戴必要的呼吸器具等。④若事故现场状况较为复杂，救援难度较大，超出自救能力时，现场有关人员应立即报警，向社会救援力量求救，切忌盲目施救造成事故扩大，给生命财产安全带来无法弥补的损失。</el-col>
					<el-col :span="6" class="center-label ">隔离式防毒面具、担架或床（木）板、氧气袋</el-col>
				</el-row>
				<el-row class='border-bottom'>
					<el-col :span="1" class="center-label border-right">5</el-col>
					<el-col :span="6" class="center-label border-right">触电</el-col>
					<el-col :span="11" class="center-label border-right p-1">
					①立即切断电源。②将触电人员抬至安全点平放。
					报告项目部应急小组。③根据伤情对触电人员进行人工呼吸和胸外按压，保持通风。④拨打120请求急救救援。</el-col>
					<el-col :span="6" class="center-label ">消毒用品、急救用品（绷带、无菌敷料）及各种常用小夹板、绝缘棒、担架或床（木）板、止血带、氧气袋</el-col>
				</el-row>
				<el-row >
					<el-col :span="1" class="center-label border-right">6</el-col>
					<el-col :span="6" class="center-label border-right">爆炸</el-col>
					<el-col :span="11" class="center-label border-right p-1">
					①立即拨打110、119电话报警，同时报告项目部领导。②抢救遇险人员并及时疏散其他人员脱离危险区，防止中毒。③控制烟雾蔓延，对充满爆炸烟气的场地（孔洞）恢复通风。④采用直接灭火法、隔绝灭火法、综合灭火法等扑灭因爆炸而产生的火灾。⑤在专家和技术人员的指导下，使用工具和设备小心清理堵塞物和危险物。⑥尽快与120急救中心取得联系，详细说明事故地点、严重程度，并派人到路口接应。⑦保护现场，严禁无关人员进入。</el-col>
					<el-col :span="6" class="center-label">消毒用品、急救用品（绷带、无菌敷料）及各种常用小夹板、绝缘棒、担架或床（木）板、止血带、氧气袋</el-col>
				</el-row>
			</el-col>

		


			<div class="d-flex flex-row mt-2 justify-content-between">
				<div>
					<div @click="setUpEquipment('stationForm.announcer','TaskSignFinger')">告知者（签字）： </div>
					<el-image v-show="stationForm.announcer" class="sign_img" :src="stationForm.announcer" fit="fill"></el-image>
					<div>
						<el-input v-model="stationForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="stationForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						月
						<el-input v-model="stationForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
				<div>
					<div @click="setUpEquipment('stationForm.announcerd','TaskSignFinger')">被告知者（签字）：</div>
					<el-image v-show="stationForm.announcerd" class="sign_img" :src="stationForm.announcerd"
						fit="fill"></el-image>
					<div>
						<el-input v-model="stationForm.year1" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="stationForm.month1" class="people-input" placeholder=" "
							style="width: 0.5rem"></el-input>
						月
						<el-input v-model="stationForm.day1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const stationForm = ref({
						year: "",
						month: "",
						day: "",
						year1: "",
						month1: "",
						day1: "",
						announcer: "", //告知者
						announcerd: '', //被告知者
					});

					window.setSign = (event) => {
						stationForm.value[event.key] = event.img;
					};


					window.getData = (event) => {
						return stationForm.value;
					};
					window.setData = (data) => {
						stationForm.value = data;
					};

					//peopleForm.sign
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						stationForm,
						setUpEquipment,
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>